import globalStyles from '@/common/styles/globalStyles'
import React from 'react'
import { StyleSheet, Text, View } from 'react-native'
import pwd from '@/assets/mine/pwd.png'
import phone from '@/assets/mine/phone.png'
import ios from '@/assets/mine/ios.png'
import wx from '@/assets/mine/wx.png'
import IconTextButton from '@/components/IconTextButton'
import TilteCutLine from '@/components/TilteCutLine'
import { router } from 'expo-router'

export default function MineFooter() {
    const login = (value:string) => {
        switch (value) {
            case "用户名":
                router.navigate('/login')
                break;
        
            default:
                break;
        }
    }
    return (
        <View style={styles.footerLayout} >
            <TilteCutLine title='登录方式' />
            <View style={[globalStyles.rowLine , globalStyles.jcSE, styles.loginButtons]} >
                <IconTextButton onPress={()=>login("用户名")} iconPath={pwd} buttonText='用户名' textColor='#9a9a9a' />
                <IconTextButton onPress={()=>login("微信")} iconPath={wx} buttonText='微信' textColor='#9a9a9a' />
                <IconTextButton onPress={()=>login("IOS")} iconPath={ios} buttonText='IOS' textColor='#9a9a9a' />
                <IconTextButton onPress={()=>login("手机号")} iconPath={phone} buttonText='手机号' textColor='#9a9a9a' />
            </View>
        </View>
    )
}
const styles = StyleSheet.create({
    footerLayout: {
        width: '100%',
        alignItems: "center",
        marginTop:24
    },
    loginButtons:{
        width:'100%',
        marginTop:24
    }
})